<script setup lang="ts">
import { showToast } from 'vant'
const clearNotify = () => {
  showToast('清除成功')
}
</script>

<template>
  <div class="home-page">

    <div class="home-header">
      <van-nav-bar right-text="清除未读" left-text="消息" @click-right="clearNotify" />

      <div class="con">
        <van-empty image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png" image-size="80"
          description="没有通知" />

      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.home-page {
  padding-bottom: 50px;

  .home-header {
    height: 90px;
    position: relative;



  }

}
</style>